<div ng-class="{'dropup':upPosition, 'dropDown':!upPosition}" >
    <div class="drop-down-header form-control txt-show spill-dots cursor-pointer" title="{{selectedRole.name}}" ng-click="toggleDropDown()">
        {{selectedRole.name || '请选择角色'}}
        <i class="yb-icon ico-chevron-down"></i>
    </div>
    <div class="drop-down-con" ng-show="enablePopup" ng-click="$event.stopPropagation();">
        <div class="wrapper-x wrapper-y-xs">
            <ul>
                <li class="wrapper-y-xs" ng-if="dataList.length === 0">
                    暂无记录
                </li>
                <li class="wrapper-y-xs" ng-repeat="item in dataList track by $index">
                    <div yb-check-box yb-checked="item.isChecked" yb-check-name="{{item.name}}"></div>
                </li>
            </ul>
        </div>
        <div class="modal-footer clearfix">
            <span class="btn btn-primary btn-sm pull-right m-l-sm" ng-click="ok()">确定</span>
            <span class="btn btn-default btn-sm pull-right" ng-click="cancel()">取消</span>
        </div>
    </div>
</div>